<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
       table {
            border-collapse: collapse;
            }
            th, td {
            border: 1px solid #333;
            }
    </style>
</head>
<body>
    <div>
        <form action="" method="get">
            <label for="userName">姓名:</label>
            <input type="text" class="" id="userName" placeholder="用户名">
            <br>
            <label for="userPassword">密码:</label>    
            <input id="userPassword" type="password">
            <br>
            <label for="male">male</label>
            <input type="radio"  name="sex" id="male" value="male">
            <label for="female">female</label>
            <input type="radio" name="sex" id="female">
            <label >爱好:</label>
            <input type="checkbox" name="hobby" value="read"> 读书
            <input type="checkbox" name="hobby" value="music"> 听歌
            <input type="checkbox" name="hobby" value="study"> 学习
            <br>
            <label for="article">评论:</label>
            <textarea name="areaContent" id="article" cols="100" rows="10"></textarea>
            <br>
             我的dog: <select name="" id="">
                         <option value="">二哈</option>
                         <option value="">拉布拉多</option>
                         <option value="">金毛</option>
                       </select>
        </form>
    </div>
    <div style="margin:30px auto 0;">
        <table>
                    <thead>
                      <tr>
                        <th>球员</th>
                        <th>号码</th>
                        <th>身高</th>
                        <th>体重</th>
                        <th>生日</th>
                        <th>国籍</th>
                        <th>出生地</th>
                      <tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td>勒布朗·詹姆斯</td>
                        <td>23</td>
                        <td>2.03米/6英尺8英寸</td>
                        <td>113.4公斤</td>
                        <td>1984年12月30日</td>
                        <td colspan="2">美国</td>
                      </tr>
                      <tr>
                        <td>凯里·欧文</td>
                        <td>2</td>
                        <td>1.91米/6英尺3英寸</td>
                        <td>88公斤/193磅</td>
                        <td>1992年3月23日</td>
                        <td>美国/澳洲</td>
                        <td>澳洲</td>
                      </tr>
                      <tr>
                        <td>凯文·乐福</td>
                        <td>0</td>
                        <td>2.08米/6英尺10英寸</td>
                        <td>110公斤/243磅</td>
                        <td>1988年9月7日</td>
                        <td colspan="2">美国</td>
                      </tr>
                    </tbody>
                  </table>
    </div>
</body>
</html>